<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>top</title>
    <script src="/jquery.min.js"></script>
    <link rel="stylesheet" href="http://how2j.cn/study/css/bootstrap/3.3.6/bootstrap.min.css">
    <script src="http://how2j.cn/study/js/bootstrap/3.3.6/bootstrap.min.js"></script>
    <style>
        body{
            font-size: 12px;
            font-family: Arial;
        }
        a{
            color: #999;
            /*超链接的颜色*/
        }
        .redColor{
            color: #c40000;
        }
        nav.top{
            background-color: #121212;
            padding-top: 5px;
            padding-bottom: 5px;
            border-bottom: 1px solid #e7e7e7;
        }
        nav.top span,nav.top a{
            color: #999999;
            margin: 0px  10px 0px 10px;
        }
        nav.top a:hover{
            color: #c40000;
            text-decoration: none;
        }
    </style>
</head>
<body>
<nav class="top">
    <a href="#">
        <span class="glyphicon glyphicon-home redColor"></span>
        天猫首页
    </a>

    <span>喵，欢迎来到天猫</span>
    <a href="#">请登录</a>
    <a href="#">免费注册</a>

    <span class="pull-right">
        <a href="forebought">我的订单</a>
        <a href="forecart">
            <span class="glyphicon glyphicon-shopping-cart redColor"></span>
            购物车<strong>0</strong>件
        </a>
    </span>



</nav>
</body>
</html>